<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/settle.css"/>
	</head>
	<body>
		 <div class="container">
			 <!-- 头 -->
			 <div class="nav-top">
			 	<div class="top-box clear-fix">
			 		<div class="top-left-list fl">
			 			<a href="javascript:;" class="text-lne">欢迎来到丝芙兰</a>
			 			<a href="#" class="top-left-login">Asuna</a>
			 			<i class="top-left-saperation"></i>
			 			<a href="#" class="top-left-register">免费注册</a>
			 			<a href="#" class="top-left-photo">手机验证码登录</a>
			 		</div>
			 		<div class="top-mod fl">
			 			<a href="#">丝芙兰防诈骗公告</a>
			 		</div>
			 		<div class="top-right-list fr">
			 			<span class="top-span" style="margin-left: 50px;">
			 				<span class="my-sephora"></span>
			 				<a href="#">我的丝芙兰</a>
			 				<span class="top_angle"></span>
			 				<div class="my-ordes">
			 					<a href="#">我的订单</a>
			 					<div class="small-triangle"></div>
			 				</div>
			 
			 			</span>
			 			<span>
			 				<span class="vip-club"></span>
			 				<a href="#">会员俱乐部</a>
			 			</span>
			 			<span class="mobile-sephora-box">
			 				<span class="mobile-sephora"></span>
			 				<a href="#">手机丝芙兰</a>
			 				<div class="mob-two"><a href="#"><img src="img/index/downQR2.png"></a></div>
			 
			 			</span>
			 			<span>
			 				<span></span>
			 				<a href="#">帮助中心</a>
			 			</span>
			 		</div>
			 	</div>
			 </div>
			 <!-- 头结束 -->
			 <!-- 大标题 -->
			 <div class="CheckoutHeader">
			 	<div class="checkoutHeader-info-content clear-fix">
			 		<div class="checkoutHeader-info-content-logo fl clear-fix">
			 			<a href="#" class="fl">
			 				<img src="https://ssl1.sephorastatic.cn/soa/pc/images/search_logo.png" style="height: 40px;">
			 			</a>
			 		</div>
			 		<div class="checkoutHeader-info-content-step fr clear-fix">
			 			<div class="checkoutHeader-info-content-step-border"></div>
			 			<div class="checkoutHeader-info-content-step-first fl">
			 				<span class="sprite-checkout-header-step1"></span>
			 			</div>
			 			<div class="checkoutHeader-info-content-step-second fl">
			 				<span class="sprite-checkout-header-step2"></span>
			 			</div>
			 			<div class="checkoutHeader-info-content-step-third fl">
			 				<span class="sprite-checkout-header-step3"></span>
			 			</div>
			 		</div>
			 	</div>
			 </div>
			 <!-- 大标题结束 -->
			 <!-- 提示 -->
			 <div class="CheckoutAdPosition">
			 	<div class="checkoutAdPosition-info-content">
			 		<div class="checkoutAdPosition-info-content-header">您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。</div>
			 	</div>
			 </div>
			 <!-- 提示结束 -->
			 <!-- 地址 -->
			 <div class="shoppingadress">
				 <div class="shoppingadress-content">
					 <div class="shoppingadress-header">收货信息</div>
					 <div class="useradress">
						 <div class="userShippingAddress-li">
							 <span class="usr-li-text">+ 新建收货地址</span>
						 </div>
					 </div>
				 </div>
			 </div>
			<!-- <div class="shoppingadress">
			 				 <div class="shoppingadress-content">
			 					 <div class="shoppingadress-header">收货信息</div>
			 					 <div class="useradress">
			 						 <div class="userShippingAddress-li clear-fix">
			 							 <span class="module-userShippingAddress-li-name">于祖傲</span>
										 <a class="module-userShippingAddress-li-address">上海 上海市 徐汇区 大萨达</a>
										 <span class="module-userShippingAddress-li-mobile">138****7917</span>
										 <span class="module-userShippingAddress-li-zipCode">266753</span>
										 <span class="module-userShippingAddress-li-control fr">
											 <a>编辑</a>
											 <a>删除</a>
										 </span>
			 						 </div>
			 					 </div>
			 				 </div>
			 </div> -->
			 <!-- 地址结束 -->
			 <!-- 支付方式 -->
			 <div class="money">
				 <div class="money-content">
					 <div class="money-header">支付方式</div>
					 <div class="money-use">
						 <span class="money-wrap">
							 <span class="sprite-checkoutWith-icon"></span>
							 <span class="checkoutPayFor-wrap-list-content">在线支付</span>
						 </span>
					 </div>
				 </div>
			 </div>
			 <!-- 支付方式结束 -->
			 <!-- 配送 -->
			 <div class="CheckoutMethod">
				 <div class="checkoutMethod-content">
					 <div class="module-checkoutTable-header">配送信息
						<div class="small-header">*我们将根据您选择的支付方式选择最优惠、最快的配送方式</div>
					 </div>
					<div class="checkoutMethod-list-wrap">
						<div class="checkoutMethod-wrap-list">
							<input type="radio" name="" id="" value="" class="module_radio" />工作日、双休与假日均可送货
						</div>
						<div class="checkoutMethod-wrap-list">
							<input type="radio" name="" id="" value="" class="module_radio" />只双休日、假日送货  (工作日不送)
						</div>
						<div class="checkoutMethod-wrap-list">
							<input type="radio" name="" id="" value="" class="module_radio" />只工作日送货  (双休日、假日不用送) (注: 写字楼/商用地址客户请选择)
						</div>
					</div>
				 </div>
			 </div>
			 <!-- 配送结束 -->
			 <!-- 已购商品清单 -->
			 <div class="CheckoutPurchased">
				 <div class="CheckoutPurchased-content">
					 <div class="module-checkoutTable-header">已购商品清单</div>
					<div class="checkout-purchased-body">
						<ul class="checkout-purchased-header">
							<li>商品信息</li>
							<li>单价(元)</li>
							<li>数量</li>
							<li>小计(元)</li>
						</ul>
						<div class="checkout-purchased-content">
							<div class="checkout-product-body-item-content">
								<div class="checkout-product-body-item-img">
									<img src="img/settle/1_n_09749_150x150.jpg" style="width: 100%; height: 100%;">
								</div>
								<div class="checkout-product-body-item-info">
									<h5 style="margin-bottom: 10px;">MENARDSP</h5>
									<p style="margin-bottom: 10px;">美伊娜多BEAUNESS A惠选套组</p>
									<p>规格：套装A</p>
								</div>
								<div class="checkout-product-body-item-unit">
									<span>580.00</span>
								</div>
								<div class="checkout-product-body-item-amount">1</div>
								<div class="checkout-product-body-item-subtotal">
									<span>580.00</span>
								</div>
							</div>
						</div>
					</div>
				 </div>
			 </div>
			 <!-- 已购商品清单结束 -->
			 <!-- 礼物 -->
			 <div class="CheckoutGift">
				 <div class="CheckoutGift-content">
					 <div class="module-checkoutTable-header">礼物包装</div>
					 <div class="checkoutGift-list-warp">
						 <input type="checkbox" name="" id="" value="" class="input1" />
						 <img src="img/settle/giftV1_PC.png"style="width: 90px; margin-right: 18px;" >
						 <span>全场满300元可领取包装礼盒或礼品袋，包装样式随机。</span>
					 </div>
				 </div>
			 </div>
			 <!-- 礼物结束 -->
			 <!-- 优惠券 -->
			<div class="CheckoutCoupons-warp">
				<div class="checkoutCoupons-info-content">
					<h2 class="checkoutCoupons-info-content-head">
						<span class="checkoutCoupons-info-content-head-title">优惠券</span>
						<span class="checkoutCoupons-info-content-head-sub">*了解优惠券</span>
						<span class="checkoutCoupons-info-content-head-sub-title">使用规则</span>
					</h2>
					<input type="button" name="" class="checkoutCoupons-info-content-input" id="" value="+ 输入优惠码" />
					<div class="checkoutCoupons-info-content-body">
						<div class="checkoutCouponsNone">
							<div class="sprite-checkout-coupons-none"></div>
							<span>您还没有优惠券</span>
						</div>
					</div>
				</div>
			</div>
			 <!-- 优惠券结束 -->
			 <!-- 支付 -->
			 <div class="checkoutSubmit-second">
				 <div class="checkoutSubmit-info">
					 <div class="checkoutSubmit-info-result clear-fix">
						 <div class="checkoutSubmit-info-result-content fr">
							 <p>
								 <em>商品总额：</em>
								 <span>¥undefined</span>
							 </p>
							 <p>
							 	<em>金额优惠：</em>
							 	 <span>¥undefined</span>
							 </p>
							 <p>
							 	<em>运费：</em>
							 	<span>¥undefined</span>
							 </p>
						 </div>
					 </div>
					 <div class="checkoutSubmit-info-content-static clear-fix">
						 <div class="checkoutSubmit-info-content-left fl">
							 <a class="checkoutSubmit-info-content-right-return" href="#"> < 返回购物车 </a>
							<div class="checkoutSubmit-info-content-left-content-l"></div>
							<a class="checkoutSubmit-info-content-left-service clear-fix">
								联系客服
								<span class="fr"></span>
							</a>
						 </div>
						 <div class="checkoutSubmit-info-content-right fr clear-fix">
							 <ul class="checkoutSubmit-info-content-right-ul fl">
								 <li class="checkoutSubmit-info-content-right-li">
									 <span>
										 总件数：共
										 <em style="color: #000; font-style: normal;">NaN</em>
										 件,
									 </span>
									 <span class="checkoutSubmit-info-content-right-li-save">
										 金额优惠
										 <em>¥undefined</em>
									 </span>
									 <span>应付金额</span>
									 <span style="color: red; font-size: 16px;">¥</span>
								 </li>
								 <li class="checkoutSubmit-info-content-right-li">
									 <span>收货信息 :</span>
								 </li>
							 </ul>
							<div class="checkoutSubmit-info-content-right-submit fl">
								立即支付
							</div>
						 </div>
						 
					 </div>
				 </div>
			 </div>
			 <!-- 支付结束 -->
			<!-- 尾 -->
			<div class="footer">
				<div class="footer-info">
					<div class="footer-info-content">
						<div class="footer-info-ico">
							<div class="footer-info-ico-d"></div>
							<span class="footer-info-content-cn">顺丰EMS速达</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-a"></div>
							<span class="footer-info-content-cn">丰富礼赠</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-c"></div>
							<span class="footer-info-content-cn">100%官方正品</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-b"></div>
							<span class="footer-info-content-cn">无障碍退款</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-e"></div>
							<span class="footer-info-content-cn">安全支付</span>
						</div>
			
					</div>
				</div>
				<div class="footer-map">
					<ul class="footer-map-content clear-fix">
						<li class="fl">
							<a href="javascript:;" class="header">购物流程</a>
							<a href="#">大宗采购/团购</a>
							<a href="#">丝芙兰预付卡章程</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">支付/配送</a>
							<a href="#">在线支付</a>
							<a href="#">配送时间</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">售后服务</a>
							<a href="#">退换货规定</a>
							<a href="#">退换及退款说明</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">关于丝芙兰</a>
							<a href="#">公司介绍</a>
							<a href="#">联系我们</a>
							<a href="#">品牌合作/Brand Collaboration</a>
							<a href="#">隐私政策</a>
						</li>
						<li class="footer-list-hotline fl">
							<a href="javascript:;" class="header">网上订购咨询热线 : 400 670 0055</a>
						</li>
					</ul>
				</div>
				<div class="footer-declaration">
					<div class="footer-declaration-content">
						<ul class="footer-declaration-content-center">
							<li class="footer-declaration-id">
								<a href="#" class="footer-records">沪公网安备 31010602003121号</a>
								<a href="#">ICP备案序号:沪ICP备05026645号</a>
								<a href="#">食品经营许可证</a>
								<a href="#">网站使用条款</a>
								<a href="#">严正声明</a>
							</li>
							<li class="footer-declaration-info">
								本网站隶属于丝芙兰（上海）化妆品销售有限公司
								<a href="#" class="footer-declaration-info-text">
									预付卡信息对接唯一标识 : 310101F5201530100309
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 尾结束 -->
			<!-- 弹窗 -->
			<div class="cover">
				<div class="cover-content">
					<div class="cover-header">
						<div class="header-text">
							新建地址
							<div class="header-right">
								×
							</div>
						</div>
						
					</div>
					<div class="cover-body">
						<div class="user clear-fix">
							<div class="user-label fl" >*收货人</div>
							<input type="text" name="" id="12" value="" />
						</div>
						<div class="user clear-fix">
							<div class="user-label fl">*所在地区</div>
							 <select name="13" id="13">
							 	<option value="1" >请选择</option>
								
							 </select>
							 <select name="14" id="14">
							 	<option value="1" >请选择</option>
							 								
							 </select>
							 <select name="15" id="15">
							 	<option value="1" >请选择</option>
							 								
							 </select>
						</div>
						<div class="addre clear-fix">
							<div class="user-label fl">*所在地区</div>
							<input type="text" name="" id="16" value=""  />
						</div>
						<div class="user clear-fix">
							<div class="user-label fl">*手机号码</div>
							<input type="text" name="" id="17" value="" />
						</div>
						<div class="user clear-fix">
							<div class="user-label fl">*固定号码</div>
							<input type="text" name="" id="18" value="" />
						</div>
						<div class="user clear-fix">
							<div class="user-label fl">*邮政编码</div>
							<input type="text" name="" id="19" value="" />
						</div>
						<div class="checf-box clear-fix">
							<div class="user-label fl"></div>
							<input type="checkbox" name="" id="" value="" />设为默认地址
						</div>
						<div class="btn-box clear-fix">
							<div class="user-label fl"></div>
							<button type="button" class="btn1">保存并使用</button>
							<button type="button" class="btn2">取消</button>
						</div>
					</div>
				
				</div>
			</div>
			<!-- 弹窗结束 -->
		 </div>
		 <script src="js/jquery-3.6.0.min.js"></script>
		 <script src="js/PCASClass.js"></script>
		 <script src="js/settle.js"></script>
	</body>
</html>
